<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>layui</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css" media="all">
		<link rel="stylesheet" href="__PUBLIC__/font-awesome/css/font-awesome.min.css" media="all" />
		<link rel="stylesheet" href="__CSS__/admin.css" media="all">
		<style type="text/css">
			/* tooltip */
			
			#tooltip {
				position: absolute;
				border: 1px solid #ccc;
				background: #333;
				padding: 2px;
				display: none;
				color: #fff;
			}
			
			.layui-btn-danger {
				background-color: #2BB6F6;
			}
			
			.layui-col-xs6 {
				width: 10%;
			}
			
			.layadmin-carousel {
				height: 100px!important;
			}
			
			.layadmin-carousel .layui-carousel,
			.layadmin-carousel>[carousel-item]>* {
				background-color: #fff;
			}
			
			.layadmin-carousel .layui-col-space10 {
				margin: 0;
			}
			
			.layadmin-backlog .layadmin-backlog-body {
				display: block;
				padding: 10px 15px;
				background-color: #f8f8f8;
				color: #999;
				border-radius: 2px;
				transition: all .3s;
				-webkit-transition: all .3s;
			}
			
			.layadmin-backlog-body h3 {
				padding-bottom: 10px;
				font-size: 12px;
			}
			
			.chax_xzbtnbox a {
				height: 30px;
				line-height: 30px;
				color: #C99647;
				margin-left: 12px;
				font-size: 17px;
				text-decoration: none;
			}
			
			.icon-daochu:before {
				content: "\e686";
			}
			
			@font-face {
				font-family: "iconfont";
				src: url('iconfont.eot?t=1506652228277');
				/* IE9*/
				src: url('iconfont.eot?t=1506652228277#iefix') format('embedded-opentype'), /* IE6-IE8 */
				url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), url('../fonts/iconfont.ttf?t=1506652228277') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
				url('iconfont.svg?t=1506652228277#iconfont') format('svg');
				/* iOS 4.1- */
			}
			
			.iconfont {
				font-family: "iconfont" !important;
				font-size: 20px;
				font-style: normal;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}
		</style>
	</head>

	<body style="padding:10px;">
		<div class="tplay-body-div">

			<div class="layui-tab">
				<ul class="layui-tab-title">
					<li class="layui-this">佣金数据</li>
				</ul>
			</div>

			<div class="layui-carousel layadmin-carousel layadmin-backlog" lay-anim="" lay-indicator="inside" lay-arrow="none">
				<div carousel-item="">
					<ul class="layui-row layui-col-space10 layui-this">
						<li class="layui-col-xs6">
							<a lay-href="" class="layadmin-backlog-body">
								<h3>会员开卡总金额</h3>
								<p><cite>{$ywy_yj['yj']}</cite></p>
							</a>
						</li>
						<li class="layui-col-xs6">
							<a lay-href="" class="layadmin-backlog-body">
								<h3>会员开卡总数量</h3>
								<p><cite>{$ywy_yj['num']}</cite></p>
							</a>
						</li>
					</ul>
				</div>
				<button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>

			<form class="layui-form serch" action="{:url('admin/data/salesmanlist')}" method="post">
				<div class="layui-form-item" style="float: left;">
					<div class="layui-input-inline">
						<div class="layui-inline">
							<select name="type" id="type" lay-search="">
								<option value="1" {if condition="$type eq 1" }selected{/if}>提成佣金</option>
								<option value="2" {if condition="$type eq 2" }selected{/if}>提现佣金</option>
							</select>
						</div>
					</div>
					<div class="layui-input-inline">
						<div class="layui-inline">
							<select name="cate_id" id="cate_id" lay-search="">
								<option value="">请选择角色</option>
								{volist name="cate" id="vo"}
								<option value="{$vo.id}" {if condition="$cate_id eq $vo.id" }selected{/if}>{$vo.name}</option>
								{/volist}
							</select>
						</div>
					</div>
					<div class="layui-input-inline">
						<input type="text" name="user_name" id="user_name" value="{$user_name}" lay-verify="title" autocomplete="off" placeholder="请输入推荐人名称" class="layui-input layui-btn-sm">
					</div>
					<div class="layui-input-inline">
						<div class="layui-inline">
							<div class="layui-input-inline">
								<input autocomplete="off" type="text" class="layui-input" id="start_time" placeholder="yyyy-MM-dd HH:mm:ss" name="start_time" value="{$start_time}">
							</div>
						</div>
					</div>
					<div class="layui-input-inline" style="width: 10px;">
						<fieldset class="layui-elem-field layui-field-title"></fieldset>
					</div>
					<div class="layui-input-inline">
						<div class="layui-inline">
							<div class="layui-input-inline">
								<input type="text" autocomplete="off" class="layui-input" id="end_time" placeholder="yyyy-MM-dd HH:mm:ss" name="end_time" value="{$end_time}">
							</div>
						</div>
					</div>
					<button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit="" lay-filter="serch">查询</button>
				</div>
			</form>
			<div class="chax_jiegbt clearfix">
				<div class="chax_jieg">
				</div>
				<div class="chax_xzbtnbox">
					<a href="#" onclick="check()"><i class="iconfont icon-daochu"></i>导出</a>
				</div>
			</div>
			<table class="layui-table" lay-size="sm">
				<colgroup>
					<col width="200">
					<col width="200">
					<col width="100">
					<col width="100">
					<col width="100">
					<col width="100">
					<col width="100">
				</colgroup>
				<thead>
					<tr>
						<th>推荐人名称</th>
						<th>角色</th>
						<th>{if condition="$type eq 1" }开卡金额{else}提现金额{/if}</th>
						<th>{if condition="$type eq 1" }开卡笔数{else}提现笔数{/if}</th>
						<th>提成比例</th>
						{if condition="$type eq 1" }
						<th>提成金额</th>
						{/if}
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					{volist name="list" id="vo"}
					<tr>
						<td>{$vo.user_name}</td>
						<td>{$vo.name}</td>
						<td>{$vo.je}</td>
						<td>{$vo.num}</td>
						<td>{$vo.commission ? $vo.commission : 0}%</td>
						{if condition="$type eq 1" }
						<td>{$vo.yj}</td>
						{/if}
						<td class="operation-menu">
							<a href="{:url('admin/data/salesmaninfo',['id'=>$vo.ywy_id])}" style="font-size:12px;color: #2BB6F6;">详情</a>
						</td>
					</tr>
					{/volist}
				</tbody>
			</table>
			<div style="padding:0 20px;">{$list->render()}</div>
			{include file="public/foot"}
			<script>
				layui.use('laydate', function() {
					var laydate = layui.laydate;
					//常规用法
					laydate.render({
						elem: '#start_time',
						type: 'datetime'
					});
					laydate.render({
						elem: '#end_time',
						type: 'datetime'
					});
				});
				
					function check() {
						var start_time = $('#start_time').val();
						var end_time = $('#end_time').val();
						var type = $('#type').val();	
						var cate_id = $('#cate_id').val();
						var user_name = $('#user_name').val();
						window.location.href = "/admin/data/salesmanlist_export?start_time=" + start_time + "&type=" + type+ "&end_time=" + end_time+ "&cate_id=" + cate_id+"&user_name="+user_name;
					}
			</script>
		</div>
	</body>

</html>